<!DOCTYPE html>
<html>

<head>
    <title>用户登录</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}" />
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@head" />
</head>

<body class="page-acount">
    <div class="container">
        <div class="row justify-content-md-center">
            <div class="col-md-auto py-5">
                <div class="card mt-5 py-5 px-4">
                    <div class="login-head text-center">
                        <a href="__ROOT__/"><img src="/assets/dist/images/logo.png" style="height: 40px;"></a>
                    </div>
                    <div class="card-body p-0 mt-5">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs nav-fill nav-login" role="tablist">
                            <li class="nav-item"><a class="nav-link text-dark active" href="#quickLogin" aria-controls="profile" role="tab" data-toggle="tab">短信登录</a></li>
                            <li class="nav-item"><a class="nav-link text-dark" href="#doLogin" aria-controls="doLogin" role="tab" data-toggle="tab">密码登录</a></li>
                        </ul>
                        <!-- Tab panes -->
                        <div class="tab-content mt-3">
                            <div role="tabpanel" class="tab-pane" id="doLogin">
                                <form class="js-ajax-form" action="{:url('user/login/doLogin')}" method="post">
                                    <div class="form-group">
                                        <input type="text" id="input_username" name="username" placeholder="手机号/邮箱/用户名" class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <input type="password" id="input_password" name="password" placeholder="密码" class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <div style="position: relative;">
                                            <input type="text" name="captcha" placeholder="验证码" class="form-control captcha" style="width: 170px;float: left;margin-right: 30px">
                                            <captcha height="38" width="160" font-size="20" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <input type="hidden" name="redirect" value="">
                                        <button class="btn btn-info btn-block js-ajax-submit" type="submit">立即登录</button>
                                    </div>
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" checked="checked"> 下次自动登录
                                        </label>
                                        <span class="pull-right"><a href="{:cmf_url('user/Register/index')}">立即注册</a> | <a href="{:cmf_url('user/Login/findPassword')}">找回密码</a></span>
                                    </div>
                                </form>
                            </div>
                            <div role="tabpanel" class="tab-pane active" id="quickLogin">
                                <form class="js-ajax-form" action="{:url('user/login/quickLogin')}" method="post">
                                    <input type="hidden" name="from" value="web">
                                    <div class="input-group mb-3">
                                        <input type="text" class="form-control" name="username" placeholder="请输入手机号" aria-describedby="basic-addon1" id="js-mobile-input">
                                    </div>
                                    <!-- <div class="form-group">
                                        <div style="position: relative;">
                                            <input type="text" name="captcha" placeholder="验证码" class="form-control captcha" style="width: 170px;float: left;margin-right: 30px">
                                            <captcha height="38" width="160" font-size="20" />
                                        </div>
                                    </div> -->
                                    <div class="input-group mb-3">
                                        <input type="text" class="form-control" name="code" placeholder="请输入短信验证码" aria-describedby="basic-addon2">
                                        <div class="input-group-append">
                                            <span class="input-group-text" id="basic-addon2"><a class="js-get-mobile-code" data-wait-msg="[second]秒后才能再次获取" data-mobile-input="#js-mobile-input" data-url="{:url('user/VerificationCode/send')}" data-type="quickLogin" data-init-second-left="60"> 点击获取验证码 </a></span>
                                        </div>
                                    </div>
                                    <!-- <div class="protocol-field">
                                                <p>未注册手机验证后自动登录，登录即同意<a href="">《用户协议》</a></p>
                                            </div> -->
                                    <div class="form-group">
                                        <input type="hidden" name="redirect" value="">
                                        <button class="btn btn-info btn-block js-ajax-submit" type="submit">立即登录</button>
                                    </div>
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" checked="checked"> 下次自动登录
                                        </label>
                                        <span class="pull-right"><a href="{:cmf_url('user/Register/index')}">立即注册</a></span>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <!-- <div class="social text-center">
                                    <div class="social-head">
                                        <div class="with-line">第三方账号登录</div>
                                    </div>
                                    <ul class="list-inline">
                                        <li class="list-inline-item"><a href="javascript:alert('即将开放！');" class="item"><i class="fa fa-wechat"></i></a></li>
                                        <li class="list-inline-item"><a href="javascript:alert('即将开放！');" class="item"><i class="fa fa-qq"></i></a></li>
                                        <li class="list-inline-item"><a href="javascript:alert('即将开放！');" class="item"><i class="fa fa-weibo"></i></a></li>
                                    </ul>
                                </div> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /container -->
    <include file="public@scripts" />
</body>

</html>